﻿@using Microsoft.Web.Helpers;
@model DotNetDream.Models.Subtitle
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Slideshow.cshtml";
}
<div id="container">
    <div id="mainMovie">
        @Video.Flash("Content/MyWedding/MyWedding.swf", "1100", "800")
    </div>
    @using (Html.BeginForm())
    {
        <div id="subEditor">
            <table id="subTable">
                <tbody>
                    <tr>
                        <th>
                            Nội dung
                        </th>
                        <th style="width: 70px">
                            Bắt đầu
                        </th>
                        <th style="width: 70px">
                            Kết thúc
                        </th>
                        <th style="width: 30px">
                        </th>
                        <th style="width: 30px">
                        </th>
                    </tr>
                    @foreach (var item in Model.Items)
                    {
                        <tr valign="top">
                            <td>
                                @Html.HiddenFor(i => item.Id)
                                @Html.TextAreaFor(i => item.Text, new { disabled = "disabled", @class = "subText editable" })
                            </td>
                            <td>
                                @Html.TextBoxFor(i => item.Start, new { disabled = "disabled", @class = "subTime editable" })
                            </td>
                            <td>
                                @Html.TextBoxFor(i => item.End, new { disabled = "disabled", @class = "subTime editable" })
                            </td>
                            <td>
                                <div class="slideButton gridButtonLeft">
                                    Sửa</div>
                            </td>
                            <td>
                                <div class="slideButton gridButtonRight">
                                    Xóa</div>
                            </td>
                        </tr>
                    }
                    <tr>
                        <td colspan="6" style="text-align: right">
                            <input type="button" id="btnAddItem" value="Thêm dòng" class="slideButton" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style="margin-top: 10px">
            <input type="submit" id="btnSave" value="Xem kết quả" class="slideButton" />
        </div>
    }
</div>
